import { useLocale } from "@/locales"

import { DeleteRgba, DisableRgba, LockingRgba, NormalRgba } from "../lockStatus/styled"

const PayoutStatus = ({ row }: any) => {
	const { newFormat } = useLocale()
	return (
		<div>
			{row.payoutStatus === 6 && <DisableRgba>{newFormat("funds.fund_audit.cancelled")}</DisableRgba>}
			{row.payoutStatus === 3 && <NormalRgba>{newFormat("funds.fund_audit.issued")}</NormalRgba>}
			{row.payoutStatus === 1 && <LockingRgba>{newFormat("funds.fund_audit.to_be_issued")}</LockingRgba>}
			{row.payoutStatus === 5 && <DeleteRgba>{newFormat("funds.fund_audit.no_income")}</DeleteRgba>}
			{row.payoutStatus === 0 && <DeleteRgba>{newFormat("funds.fund_audit.unsettled")}</DeleteRgba>}
			{row.payoutStatus === 2 && <DeleteRgba>{newFormat("funds.fund_audit.awaiting_collection")}</DeleteRgba>}
			{row.payoutStatus === 4 && <DeleteRgba>{newFormat("funds.fund_audit.not_collected_in_time")}</DeleteRgba>}
		</div>
	)
}

export default PayoutStatus
